<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        /*上传等待*/
.shade_load{
	position: absolute;width: 100%;height: 100%;background: #000;opacity: 0.5;top: 0;z-index:900;
}
.more-content_load{
	position: absolute;width: 80%;height: 80px;margin-left: 10%;margin-right: 10%;z-index:901;top: 50%; background: white;border-radius: 4px;margin-top: -100px;
}
.more-content_load div{
	font-size: 16px;font-size: 1.6rem;line-height: 30px;padding: 10px 0; margin-top:8px;
}
.more-content_load img{
    vertical-align: middle;
}
.approval-tip_load{
	 position: fixed; width: 100%;height: 100%;z-index: 300;top: 0;/* display: none; */
}
button{
	width:50px;
	height:50px;
}

    </style>
</head>
<body>
	<button>显示</button>
    <!-- 上传进度条 -->
		<div id="approval_more" class="approval-tip_load" style="display: block;" >
			<div class="shade_load"></div>
				<div class="more-content_load" >
					<div>
					<img src="imgs/loding.gif" width="50px" height="50px">
					<span>正在加载..</span>
				    </div>
			    </div>
		</div>
</body>
<script src="jquery.min.js"></script>
<script>
$('button').click(function(){
	$('#approval_more').show()
	setTimeout(function(){
		$('#approval_more').hide()
	},2000)
})
</script>
</html>